<template>
  <div>
    <KunkkaTree
      ref="tree"
      :data="data"
      :props="props"
      show-checkbox
      check-strictly
      :checked="true"
      :highlight-current="true"
      :default-expand-all="true"
      @node-click="handleNodeClick"
      @treeCheck="treeCheck"
    />
  </div>
</template>

<script>
  import result from './area'
  export default {
    props: {},
    data() {
      return {
        data: result.result.areaList,
        props: {
          label: 'cQuyuname',
          children: 'childrenList'
        }
      }
    },
    mounted() {
      this.$refs.tree.defaultChoose([152])
    },
    methods: {      
      handleNodeClick(data) {
        console.log(data);
      },
      treeCheck(data) {
        console.log(data)
      }
    }
  }

</script>
<style lang="scss">
</style>
